<template>
	<view class="function-box">
		<view class="top-box">
			<!-- 顶部的 swiper 轮播图区域 -->
			<view class="swiper-box"><u-swiper :list="list"></u-swiper></view>

			<!-- 循环显示出每个功能区 -->
			<block v-for="(item, index) in swiperData" :key="index">
				<function-item :funItem="item"></function-item>
			</block>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			// 顶部轮播图的数据列表
			list: [],
			// 功能区各项功能数据
			swiperData: [
				{
					title: '工作',
					items: [
						{
							src: '/static/fun-icon/dkt.png',
							text: '待开庭',
							pageUrl: '/myPackageA/pages/views/to-do-list?isToDoList=false',	// 该模块对应的页面路径，用于点击跳转
						},
						{
							src: '/static/fun-icon/wdrz.png',
							text: '我的日志',
							pageUrl: '/myPackageA/pages/views/my-journal',	// 该模块对应的页面路径，用于点击跳转
						},
						{
							src: '/static/fun-icon/aj.png',
							text: '案件',
							pageUrl: '/myPackageA/pages/views/add-case',	// 该模块对应的页面路径，用于点击跳转
						},
						// {
						// 	id: 1,	// 后续将根据此 id 值动态渲染搜索项展示内容
						// 	src: '/static/fun-icon/sfg.png',
						// 	text: '搜法官',
						// 	pageUrl: '/myPackageA/pages/views/key-word-search',	// 该模块对应的页面路径，用于点击跳转
						// },
						// {
						// 	id: 2,	// 后续将根据此 id 值动态渲染搜索项展示内容
						// 	src: '/static/fun-icon/sls.png',
						// 	text: '搜律师',
						// 	pageUrl: '/myPackageA/pages/views/key-word-search',	// 该模块对应的页面路径，用于点击跳转
						// },
						// {
						// 	id: 3,	// 后续将根据此 id 值动态渲染搜索项展示内容
						// 	src: '/static/fun-icon/slsuo.png',
						// 	text: '搜律所',
						// 	pageUrl: '/myPackageA/pages/views/key-word-search',	// 该模块对应的页面路径，用于点击跳转
						// },
						{
							id: 4,	// 后续将根据此 id 值动态渲染搜索项展示内容
							src: '/static/fun-icon/aj.png',
							text: '搜案例',
							pageUrl: '/myPackageA/pages/views/key-word-search',	// 该模块对应的页面路径，用于点击跳转
						}
					]
				},
				{
					title: '工具',
					items: [
						// {
						// 	id: 5,	// 后续将根据此 id 值动态渲染搜索项展示内容
						// 	src: '/static/fun-icon/sfy.png',
						// 	text: '搜法院',
						// 	pageUrl: '/myPackageA/pages/views/key-word-search',	// 该模块对应的页面路径，用于点击跳转
						// },
						{
							src: '/static/fun-icon/jsq.png',
							text: '计算器',
							pageUrl: '/myPackageA/pages/views/calculator',	// 该模块对应的页面路径，用于点击跳转
						},
						{
							src: '/static/fun-icon/fldq.png',
							text: '法律大全',
							pageUrl: '/myPackageA/pages/views/funBigLaw'
						},
						{
							src: '/static/fun-icon/dbsx.png',
							text: '待办事项',
							pageUrl: '/myPackageA/pages/views/to-do-list?isToDoList=true',	// 该模块对应的页面路径，用于点击跳转
						},
						{
							src: '/static/fun-icon/khgl.png',
							text: '客户管理',
							pageUrl: '/myPackageA/pages/views/customer-management',	// 该模块对应的页面路径，用于点击跳转
						},
						{
							src: '/static/fun-icon/htfb.png',
							text: '合同范本',
							pageUrl: '/myPackageA/pages/views/contract-template',	// 该模块对应的页面路径，用于点击跳转
						},
						{
							src: '/static/fun-icon/rmgkw.png',
							text: '人民公开网',
							Eurl: 'https://rmfygg.court.gov.cn/',
							pageUrl: '/myPackageA/pages/views/wenshu-view',	// 该模块对应的页面路径，用于点击跳转
						},
						{
							src: '/static/fun-icon/cpwsw.png',
							text: '裁判文书网',
							Eurl: 'http://wenshu.court.gov.cn/',
							pageUrl: '/myPackageA/pages/views/wenshu-view',	// 该模块对应的页面路径，用于点击跳转
						},
						{
							src: '/static/fun-icon/zxgkw.png',
							text: '执行公开网',
							Eurl: 'http://zxgk.court.gov.cn/',
							pageUrl: '/myPackageA/pages/views/wenshu-view',	// 该模块对应的页面路径，用于点击跳转
						},
						{
							src: '/static/fun-icon/yjfk.png',
							text: '意见反馈',
							pageUrl: '/myPackageA/pages/views/feedback',	// 该模块对应的页面路径，用于点击跳转
						},
						
						{
							src: '/static/fun-icon/frsfz.png',
							text: '法人身份证',
							Eurl: 'http://zxgk.court.gov.cn/zhzxgk/',
							pageUrl: '/myPackageA/pages/views/wenshu-view',	// 该模块对应的页面路径，用于点击跳转
						},
						{
							src: '/static/fun-icon/lxwm.png',
							text: '联系我们',
							pageUrl: '/myPackageA/pages/views/my-callservice',	// 跳转到联系平台客服页面
						}
					]
				}
			]
		};
	},
	onLoad() {
		// 获取页面轮播图
		this.getSwiperList()
	},
	methods: {
		async getSwiperList() {
			const res = await this.$u.api.getSwiperList()
			if(!res) return
			this.list = res
			// console.log(this.list);
		}
	}
	
};
</script>

<style lang="scss" scoped>
.top-box {
	width: 750rpx;
	background-color: $u-bg-color;
	.swiper-box {
		border-radius: 15rpx;
		height: 260rpx;
	}
}
</style>
